<template>
  <section class="contact">
    <h1>联系我们</h1>
    <div class="contact-info">
      <p>电话：400-123-4567</p>
      <p>邮箱：info@company.com</p>
      <p>地址：北京市朝阳区创新路88号</p>
    </div>
    <form class="contact-form">
      <label>姓名：<input type="text" placeholder="请输入您的姓名" /></label>
      <label>邮箱：<input type="email" placeholder="请输入您的邮箱" /></label>
      <label>留言：<textarea placeholder="请输入您的留言"></textarea></label>
      <button type="submit">提交</button>
    </form>
  </section>
</template>

<script setup>
// 联系我们页面仅展示静态表单，无实际提交逻辑
</script>

<style scoped>
.contact {
  max-width: 600px;
  margin: 0 auto;
  padding: 32px 16px;
}
.contact-info {
  margin-bottom: 2em;
}
.contact-form label {
  display: block;
  margin-bottom: 1em;
}
.contact-form input,
.contact-form textarea {
  width: 100%;
  margin-top: 4px;
}
@media (max-width: 600px) {
  .contact { padding: 16px 4px; }
}
</style> 